<script lang="ts" setup>
// import { ref } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()


</script>

<template>
<van-nav-bar fixed title="支付成功" left-arrow @click-left="router.go(-1)" />
<div class="paysuccess">
<div class="state">
  支付成功
</div>
<div class="isback">
  <span @click="router.push('/')">返回首页</span>
  <span @click="router.push('/infoorder')">查看订单</span>
</div>
</div>
</template>

<style scoped lang="less">
.paysuccess {
  margin-top: 46px;
  padding: 0 16px;
  .state{
    margin: 0 auto;
    width: 200px;
    height: 200px;
    font-size: 30px;
    text-align: center;
    line-height: 200px;
    font-weight: 300;
    color: #000;
    border: 1px solid goldenrod;
    background-color: bisque;
  }
  .isback{
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
    span{
      width: 100px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      background-color: lightblue;
    }
  }
}
</style>